<template>
    <div class="footer">
        <div class="footer-logo">
            <img src="/imgs/icon-cart-checked.jpg" alt="">
            <p>小米商城</p>
        </div>
        <div class="footer-link">
            <a href='' target="_bank">底部连接标题</a><span>丨</span>
            <a href=''>底部连接标题</a><span>丨</span>
            <a href=''>底部连接标题</a><span>丨</span>
            <a href=''>底部连接标题</a>
        </div>
        <div class="copyright">copyright <span class="domain">@2009.com All</span> rights</div>
    </div>
</template>
<script>
    export default{
        name:'nav-footer'
    }
</script>
<style lang="scss" scoped>
    .footer{
        height: 234px;
        border-top: 4px solid #FF6600;
        background-color: #333333;
        color: #999999;
        font-size: 16px;
        text-align: center;
        .footer-logo{
            margin-top:46px;
            margin-bottom:31px;
        }
        img{
            width: 53px;
            height: 36px;
            margin-bottom: 13px;
        }
        .footer-link{
            margin-bottom:13px;
            a{
                color: #999999;
                display: inline-block;
            }
            span{
                margin: 0 10px;
            }
        }
        .copyright{
           .domain{
               color: #FF6600;
           }
        }
    }
</style>